Ext.define('Ext.ux.IFrameComponent', {
    extend: 'Ext.Component',
    alias: 'widget.iframecomponent',
	// autoEl: {
        // tag: 'iframe', 
        // src: this.url
    // },
    stateful: false,
    load: function(config){
        var src = config.url + (config.params ? '?' + Ext.urlEncode(config.params) : '');
		 this.html='<iframe id="iframe-'+this.id+'"'+
			' style="overflow:auto;width:100%;height:100%;"'+
			' frameborder="0" '+
			' src="'+src+'"'+
			'></iframe>';
    },
	listeners : {             
		'render' : function(e){
				
			var conf = {url: this.url};
			this.load(conf);
		 }   
	},
	initComponent: function() {
		this.style =  {
            border: 0
        };
		
		this.callParent(arguments); 
		
	},
	url: null
});